<template>
  <!-- 详情页头部 -->
  <div class="header">
    <div class="image"><i class="glyphicon glyphicon-chevron-left"
         @click='handleback'></i></div>
    <slot></slot>
  </div>
</template>
<script>
import 'bootstrap/dist/css/bootstrap.css'
export default {
  methods: {
    handleback () {
      this.$router.back()
    }
  },
}
</script>
<style lang="scss" scoped>
.image {
  height: 30px;
  position: absolute;
  left: 0.625rem;
  color: rgb(180, 180, 180);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  height: 2.75rem;
  line-height: 2.75rem;
  background: white;
  width: 100%;
  text-align: center;
}
</style>